%display-none {
  display: none;
}

%full {
  width: 100%;
  height: 100%;
}

%link-active {
  background-color: $color-primary;
  color: color-yiq($color-primary);
}

%cursor-pointer {
  cursor: pointer;
}

%shadow {
  box-shadow: 0 2px 4px rgba($color-black, .12);
}

%dropdown-menu {
  display: none;
  position: absolute;
  min-width: 100%;
  padding: 5px 0;
  border: 1px solid $dropdown-border-color;
  border-radius: 2px;
  line-height: 36px;
  white-space: nowrap;
  background-color: $dropdown-bg;
  @extend %shadow;
}

%padding-x {
  padding-top: $space;
  padding-bottom: $space;
}

%padding-y {
  padding-right: $space;
  padding-left: $space;
}
